<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>{{$shareDetail->MinSgaTitle}}</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="stylesheet" href="http://wx.laohoulundao.com/ckeditor/contents.css">
    <style type="text/css">
        body{
            font-size:16px;
            padding:0 20px;
            max-width:500px;
            margin:auto;
        }
        .container{
            margin:0;
            padding:0;
            overflow: hidden;
        }
        img{ max-width:100%; height:auto; }

        .article-title{
            line-height:1.5;
            font-weight: bold;
        }

        .article-info{
            margin-bottom:20px;
            height:30px;
        }

        .article-info  span{
            float: left;
            line-height:30px;
        }

        .article-info img{
            height:25px;
            vertical-align: middle;
            width:auto;
            margin-left:10px;
            margin-right:10px;
        }

        .download-btn{
            position:fixed;
            bottom:0;
            left:0;
            width:100vw;
            text-align: center;
            color:#fff;
            border:none;
            display: block;
        }

        .download-btn img{
            width:100%;
            max-width:540px;
            display: block;
            outline: none;
            margin:0 auto;
            padding:0;
        }

    </style>
</head>
<body>
<div class="container">
    <p class="article-title">{{$shareDetail->MinSgaTitle}}</p>
    <div class="article-info">
        <span>{{$shareDetail->ReleaseDate}}</span>
        <span><img src="{{asset('images/app-web/small-logo.png')}}"></span>
        <span>教导读书会</span>
    </div>



    <div class="news-con">
        @if($shareDetail->FilePath1!='')
            <img src="{{$shareDetail->FilePath1}}">
        @endif
        <?php echo  html_entity_decode($shareDetail->ShareContents)?>
    </div>

    <div style="height:40px;"></div>

    {{--评论部分，未完成--}}
    <div style="display: none;">
        {{--一条评论--}}
        <div>
            <div>
                <img src="" alt="">
            </div>
            <div>
                <ul>
                    <li>用户名字</li>
                    <li><span>时间</span>
                        <span>对评论的点赞数量</span></li>
                    <li>评论内容</li>
                </ul>
            </div>

        </div>
    </div>
    
    <a class="download-btn" href="{{url('/parent/'. $parent .'.html')}}">
        <img src="{{asset('images/app-web/share-download-img.png')}}" alt="教导读书下载">
    </a>
</div>
</body>
</html>


<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript" charset="utf-8"></script>
<script src="/js_system/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
    window.onload = function(){
        var title   = "{{$shareDetail->MinSgaTitle}}";
        var link    = "http://wx.laohoulundao.com/home/mind_share_to_weixin?articleId={{$articleId}}";
        var imgUrl  = "http://wx.laohoulundao.com{{$shareDetail->FilePath1}}";
        var desc    = "{{$shareDetail->MinSgaDesc}}";


        $('.news-con img').each(function(e){

            if(parseInt($(this).css('width')) >300){
                $(this).css({width:"100%",height:"auto"});
            }


        })

        wx.config(<?php echo $weixinJs->config(array('onMenuShareAppMessage', 'onMenuShareTimeline'), false) ?>);
        wx.ready(function(){
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
            wx.onMenuShareTimeline({
                title: title, // 分享标题
                link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: imgUrl, // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数

                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            //获取“分享给朋友”按钮点击状态及自定义分享内容接口
            wx.onMenuShareAppMessage({
                title: title, // 分享标题
                desc: desc, // 分享描述
                link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: imgUrl, // 分享图标
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {
                    // 用户确认分享后执行的回调函数
                    //alert('ok');
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                    //alert('faile');
                }
            });
        });



    }
</script>